<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>定外卖，就上饿了吗</title>
    <link rel="stylesheet" href="../framework/reset.css">
    <!--移动端开发屏幕视口  -->
    <link rel="stylesheet" href="../css/reset.css">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- 小图标库 -->
    <script src="  http://at.alicdn.com/t/font_1963630_lv2cufnoxtm.js"></script>

    <style type="text/css">
        .icon {
            width: 32px;
            height: 1em;
            vertical-align: -0.15em;
            fill: currentColor;
            overflow: hidden;
            font-size: 30px;
            margin: 1px 1px;
        }
    </style>
    <style type="text/css">
        * {
            margin: 0px;
            padding: 0px;
        }
        
        #dh {
            position: relative;
            margin-top: 0px;
            width: 100%;
            height: 40px;
            border: 0px;
            background-color: #0099CC;
        }
        
        #dh ul {
            padding: 0px;
        }
        
        a {
            width: 100px;
            height: 40px;
            display: block;
            text-decoration: none;
            text-align: center;
            line-height: 40px;
            font-family: Microsoft Yahei;
            font-weight: 2px;
        }
        
        #dh {
            width: 100%;
            margin: 0px auto;
        }
        
        #dh ul li {
            list-style: none;
            float: left;
        }
        
        .ul {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            /* 垂直居中 */
            text-align: center;
            background-color: #ffffff;
        }
        
        #dh ul li a:hover {}
        
        #dh ul:hover {
            /* display: block; */
        }
        
        #dh ul li ul {
            position: absolute;
            display: none;
        }
        
        #dh ul li ul li {
            float: none;
            background-color: #6688EE;
        }
        
        #dh ul li ul li a {
            font-size: 13px;
            font-weight: 0px;
        }
        
        #dh ul li:hover ul {
            /*二级菜单的触发点*/
            /* display: block; */
        }
    </style>
    <script>
        var arr = [
            ["黄石", "大冶", "黄冈", "武汉", "荆州", "鄂州", "咸宁"],
            ["长沙", "株洲", "韶关", "湘潭"],
            ["郑州", "驻马店"],
            ["东莞", "广州", "深圳"]
        ]
        var selectobj = null

        function city(obj) {
            if (selectobj != null) {
                selectobj.remove()
            }
            if (obj.value == -1) {
                return
            }
            selectobj = document.createElement("select")
            for (var i = 0; i < arr[obj.value].length; i++) {
                var optionobj = document.createElement("option")
                optionobj.innerHTML = arr[obj.value][i]
                selectobj.appendChild(optionobj)
            }
            document.body.appendChild(selectobj)
        }
    </script>

</head>

<body class="body">
    <div class="head">
        <div class="add">
            <select class="add" onchange="city(this)">
                <option value="-1">
                    <--请选择城市 -->
                </option>
                <option value="0">湖北</option>
                <option value="1">湖南</option>
                <option value="2">河南</option>
                <option value="3">广东</option>
            </select>
        </div>


        <input class="input" type="text" value="饿了吗的商家商品名称">


    </div>


    <div class="kind">
        <div id="flex">
            <div> <img class="flex1" src="../img/dcfl01.png" alt="">
                <h5>美食</h5>
            </div>


            <div><img class="flex1" src="../img/dcfl02.png" alt="">
                <h5>早餐</h5>
            </div>
            <div><img class="flex1" src="../img/dcfl03.png" alt="">
                <h5>跑腿代购</h5>
            </div>
            <div><img class="flex1" src="../img/dcfl04.png" alt="">
                <h5>汉堡披萨</h5>
            </div>
            <div><img class="flex1" src="../img/dcfl05.png" alt="">
                <h5>甜食饮品</h5>
                </h5>
            </div>
        </div>
        <div id="flex">
            <div><img class="flex1" src="../img/dcfl06.png" alt="">
                <h5>速食简餐</h5>
            </div>
            <div><img class="flex1" src="../img/dcfl07.png" alt="">
                <h5>地方小吃</h5>
            </div>
            <div><img class="flex1" src="../img/dcfl08.png" alt="">
                <h5>米粉面馆</h5>
            </div>
            <div><img class="flex1" src="../img/dcfl09.png" alt="">
                <h5>包子粥铺</h5>
            </div>
            <div><img class="flex1" src="../img/dcfl10.png" alt="">
                <h5>炸鸡炸串</h5>
            </div>
        </div>

    </div>

    <div class="max">
        <div class="max11">
            <h3>品质套餐</h3>

            <h4>搭配齐全吃得好</h4>
            <h5>立即抢购></h5>
        </div>
        <img class="max1" src="../img/index_banner.png" alt=""></div>
    <div class="member">
        <h2>超级会员来一个</h2>
        <img class="member1" src="../img/super.jpg" alt="">
    </div>

    <div class="reco">
        <div class="reco1"> ——推荐商家——</div>
        <div id="dh">
            <ul class="ul">
                <li class="li"><a href="#">综合排序</a>
                    <ul>
                        <li><a href="#">规则1</a></li>
                        <li><a href="#">规则2</a></a>
                        </li>
                        <li><a href="#">规则3</a></li>
                    </ul>
                </li>
                <li class="li">
                    <a href="#">销量最高</a></a>

                </li>
                <li class="li"><a href="#">距离最近</a>

                </li>
                <li class="li"><a href="#">筛选</a>

                </li>
            </ul>
        </div>
    </div>
    <div class="salon">
        <div class="img"><img src="../img/sj08.png" alt=""></div>
        <div class="hh">
            <h1>万家饺子</h1>
            <h4><svg t="1595665216003" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1143" width="200" height="200"><path d="M514.42133333 55.18933332c-8.32 0-24.96000003 6.41066667-46.70933332 47.73333335-52.23466667 89.06666665-134.75200001 234.528-134.75199995 234.528s-150.912 28.032-248.23466674 45.62133332c-47.73333333 7.49866665-63.28533334 48.14933335-39.07199999 76.72533333 68.19200001 78.69866662 189.5893333 208.68266667 189.58933336 208.68266667S215.46666666 811.28533327 204.35199999 908.73600003c-3.61599999 37.43999997 17.04533334 58.84800002 45.82400002 58.84799996 10.46399999-0.10666668 20.77866667-2.43200001 30.28266666-6.816l234.04800002-111.23199999c27.61600003 13.64266668 150.64533334 73.6533333 231.45599997 112.45866668a72.44586666 72.44586666 0 0 0 29.94133335 6.81599998c28.43733335 0 48.83200001-21.48266668 45.28-58.9226667-10.976-97.58933333-30.54933335-240.52266669-30.54933333-240.52266663s119.75466667-130.12266666 187.40266667-209.024c23.93600002-28.64000002 8.52266666-69.2906667-38.66666669-76.85333333-96.224-17.58933333-245.50399997-45.62133333-245.50399998-45.62133333s-81.83466667-145.60000001-133.18400003-234.79466667c-18.27200003-32.93866667-32.19200001-43.50933335-40.91733332-46.368-1.68533335-0.71466667-3.49866668-1.06666666-5.32266668-1.024l-0.02133332-0.49066668z" fill="#f4ea2a" p-id="1144"></path></svg>
                <svg t="1595665216003" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1143" width="200" height="200">
                    <path d="M514.42133333 55.18933332c-8.32 0-24.96000003 6.41066667-46.70933332 47.73333335-52.23466667 89.06666665-134.75200001 234.528-134.75199995 234.528s-150.912 28.032-248.23466674 45.62133332c-47.73333333 7.49866665-63.28533334 48.14933335-39.07199999 76.72533333 68.19200001 78.69866662 189.5893333 208.68266667 189.58933336 208.68266667S215.46666666 811.28533327 204.35199999 908.73600003c-3.61599999 37.43999997 17.04533334 58.84800002 45.82400002 58.84799996 10.46399999-0.10666668 20.77866667-2.43200001 30.28266666-6.816l234.04800002-111.23199999c27.61600003 13.64266668 150.64533334 73.6533333 231.45599997 112.45866668a72.44586666 72.44586666 0 0 0 29.94133335 6.81599998c28.43733335 0 48.83200001-21.48266668 45.28-58.9226667-10.976-97.58933333-30.54933335-240.52266669-30.54933333-240.52266663s119.75466667-130.12266666 187.40266667-209.024c23.93600002-28.64000002 8.52266666-69.2906667-38.66666669-76.85333333-96.224-17.58933333-245.50399997-45.62133333-245.50399998-45.62133333s-81.83466667-145.60000001-133.18400003-234.79466667c-18.27200003-32.93866667-32.19200001-43.50933335-40.91733332-46.368-1.68533335-0.71466667-3.49866668-1.06666666-5.32266668-1.024l-0.02133332-0.49066668z"
                        fill="#f4ea2a" p-id="1144"></path>
                    </svg><svg t="1595665216003" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1143" width="200" height="200"><path d="M514.42133333 55.18933332c-8.32 0-24.96000003 6.41066667-46.70933332 47.73333335-52.23466667 89.06666665-134.75200001 234.528-134.75199995 234.528s-150.912 28.032-248.23466674 45.62133332c-47.73333333 7.49866665-63.28533334 48.14933335-39.07199999 76.72533333 68.19200001 78.69866662 189.5893333 208.68266667 189.58933336 208.68266667S215.46666666 811.28533327 204.35199999 908.73600003c-3.61599999 37.43999997 17.04533334 58.84800002 45.82400002 58.84799996 10.46399999-0.10666668 20.77866667-2.43200001 30.28266666-6.816l234.04800002-111.23199999c27.61600003 13.64266668 150.64533334 73.6533333 231.45599997 112.45866668a72.44586666 72.44586666 0 0 0 29.94133335 6.81599998c28.43733335 0 48.83200001-21.48266668 45.28-58.9226667-10.976-97.58933333-30.54933335-240.52266669-30.54933333-240.52266663s119.75466667-130.12266666 187.40266667-209.024c23.93600002-28.64000002 8.52266666-69.2906667-38.66666669-76.85333333-96.224-17.58933333-245.50399997-45.62133333-245.50399998-45.62133333s-81.83466667-145.60000001-133.18400003-234.79466667c-18.27200003-32.93866667-32.19200001-43.50933335-40.91733332-46.368-1.68533335-0.71466667-3.49866668-1.06666666-5.32266668-1.024l-0.02133332-0.49066668z" fill="#f4ea2a" p-id="1144"></path></svg>
                <svg t="1595665216003" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1143" width="200" height="200">
                        <path d="M514.42133333 55.18933332c-8.32 0-24.96000003 6.41066667-46.70933332 47.73333335-52.23466667 89.06666665-134.75200001 234.528-134.75199995 234.528s-150.912 28.032-248.23466674 45.62133332c-47.73333333 7.49866665-63.28533334 48.14933335-39.07199999 76.72533333 68.19200001 78.69866662 189.5893333 208.68266667 189.58933336 208.68266667S215.46666666 811.28533327 204.35199999 908.73600003c-3.61599999 37.43999997 17.04533334 58.84800002 45.82400002 58.84799996 10.46399999-0.10666668 20.77866667-2.43200001 30.28266666-6.816l234.04800002-111.23199999c27.61600003 13.64266668 150.64533334 73.6533333 231.45599997 112.45866668a72.44586666 72.44586666 0 0 0 29.94133335 6.81599998c28.43733335 0 48.83200001-21.48266668 45.28-58.9226667-10.976-97.58933333-30.54933335-240.52266669-30.54933333-240.52266663s119.75466667-130.12266666 187.40266667-209.024c23.93600002-28.64000002 8.52266666-69.2906667-38.66666669-76.85333333-96.224-17.58933333-245.50399997-45.62133333-245.50399998-45.62133333s-81.83466667-145.60000001-133.18400003-234.79466667c-18.27200003-32.93866667-32.19200001-43.50933335-40.91733332-46.368-1.68533335-0.71466667-3.49866668-1.06666666-5.32266668-1.024l-0.02133332-0.49066668z"
                            fill="#f4ea2a" p-id="1144"></path>
                        </svg><svg t="1595665216003" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1143" width="200" height="200"><path d="M514.42133333 55.18933332c-8.32 0-24.96000003 6.41066667-46.70933332 47.73333335-52.23466667 89.06666665-134.75200001 234.528-134.75199995 234.528s-150.912 28.032-248.23466674 45.62133332c-47.73333333 7.49866665-63.28533334 48.14933335-39.07199999 76.72533333 68.19200001 78.69866662 189.5893333 208.68266667 189.58933336 208.68266667S215.46666666 811.28533327 204.35199999 908.73600003c-3.61599999 37.43999997 17.04533334 58.84800002 45.82400002 58.84799996 10.46399999-0.10666668 20.77866667-2.43200001 30.28266666-6.816l234.04800002-111.23199999c27.61600003 13.64266668 150.64533334 73.6533333 231.45599997 112.45866668a72.44586666 72.44586666 0 0 0 29.94133335 6.81599998c28.43733335 0 48.83200001-21.48266668 45.28-58.9226667-10.976-97.58933333-30.54933335-240.52266669-30.54933333-240.52266663s119.75466667-130.12266666 187.40266667-209.024c23.93600002-28.64000002 8.52266666-69.2906667-38.66666669-76.85333333-96.224-17.58933333-245.50399997-45.62133333-245.50399998-45.62133333s-81.83466667-145.60000001-133.18400003-234.79466667c-18.27200003-32.93866667-32.19200001-43.50933335-40.91733332-46.368-1.68533335-0.71466667-3.49866668-1.06666666-5.32266668-1.024l-0.02133332-0.49066668z" fill="#f4ea2a" p-id="1144"></path></svg>4.9分</h4>
            <h4>￥15起送|￥3配送</h4>
        </div>
        <div class="hhh">
            <h4>蜂鸟专送</h4>
            <h4>3.22km|30分钟</h4>


        </div>
    </div>
    <div class="salon">
        <div class="img"><img src="../img/sj08.png" alt=""></div>
        <div class="hh">
            <h1>万家饺子</h1>
            <h4><svg t="1595665216003" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1143" width="200" height="200"><path d="M514.42133333 55.18933332c-8.32 0-24.96000003 6.41066667-46.70933332 47.73333335-52.23466667 89.06666665-134.75200001 234.528-134.75199995 234.528s-150.912 28.032-248.23466674 45.62133332c-47.73333333 7.49866665-63.28533334 48.14933335-39.07199999 76.72533333 68.19200001 78.69866662 189.5893333 208.68266667 189.58933336 208.68266667S215.46666666 811.28533327 204.35199999 908.73600003c-3.61599999 37.43999997 17.04533334 58.84800002 45.82400002 58.84799996 10.46399999-0.10666668 20.77866667-2.43200001 30.28266666-6.816l234.04800002-111.23199999c27.61600003 13.64266668 150.64533334 73.6533333 231.45599997 112.45866668a72.44586666 72.44586666 0 0 0 29.94133335 6.81599998c28.43733335 0 48.83200001-21.48266668 45.28-58.9226667-10.976-97.58933333-30.54933335-240.52266669-30.54933333-240.52266663s119.75466667-130.12266666 187.40266667-209.024c23.93600002-28.64000002 8.52266666-69.2906667-38.66666669-76.85333333-96.224-17.58933333-245.50399997-45.62133333-245.50399998-45.62133333s-81.83466667-145.60000001-133.18400003-234.79466667c-18.27200003-32.93866667-32.19200001-43.50933335-40.91733332-46.368-1.68533335-0.71466667-3.49866668-1.06666666-5.32266668-1.024l-0.02133332-0.49066668z" fill="#f4ea2a" p-id="1144"></path></svg>
                <svg t="1595665216003" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1143" width="200" height="200">
                    <path d="M514.42133333 55.18933332c-8.32 0-24.96000003 6.41066667-46.70933332 47.73333335-52.23466667 89.06666665-134.75200001 234.528-134.75199995 234.528s-150.912 28.032-248.23466674 45.62133332c-47.73333333 7.49866665-63.28533334 48.14933335-39.07199999 76.72533333 68.19200001 78.69866662 189.5893333 208.68266667 189.58933336 208.68266667S215.46666666 811.28533327 204.35199999 908.73600003c-3.61599999 37.43999997 17.04533334 58.84800002 45.82400002 58.84799996 10.46399999-0.10666668 20.77866667-2.43200001 30.28266666-6.816l234.04800002-111.23199999c27.61600003 13.64266668 150.64533334 73.6533333 231.45599997 112.45866668a72.44586666 72.44586666 0 0 0 29.94133335 6.81599998c28.43733335 0 48.83200001-21.48266668 45.28-58.9226667-10.976-97.58933333-30.54933335-240.52266669-30.54933333-240.52266663s119.75466667-130.12266666 187.40266667-209.024c23.93600002-28.64000002 8.52266666-69.2906667-38.66666669-76.85333333-96.224-17.58933333-245.50399997-45.62133333-245.50399998-45.62133333s-81.83466667-145.60000001-133.18400003-234.79466667c-18.27200003-32.93866667-32.19200001-43.50933335-40.91733332-46.368-1.68533335-0.71466667-3.49866668-1.06666666-5.32266668-1.024l-0.02133332-0.49066668z"
                        fill="#f4ea2a" p-id="1144"></path>
                    </svg><svg t="1595665216003" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1143" width="200" height="200"><path d="M514.42133333 55.18933332c-8.32 0-24.96000003 6.41066667-46.70933332 47.73333335-52.23466667 89.06666665-134.75200001 234.528-134.75199995 234.528s-150.912 28.032-248.23466674 45.62133332c-47.73333333 7.49866665-63.28533334 48.14933335-39.07199999 76.72533333 68.19200001 78.69866662 189.5893333 208.68266667 189.58933336 208.68266667S215.46666666 811.28533327 204.35199999 908.73600003c-3.61599999 37.43999997 17.04533334 58.84800002 45.82400002 58.84799996 10.46399999-0.10666668 20.77866667-2.43200001 30.28266666-6.816l234.04800002-111.23199999c27.61600003 13.64266668 150.64533334 73.6533333 231.45599997 112.45866668a72.44586666 72.44586666 0 0 0 29.94133335 6.81599998c28.43733335 0 48.83200001-21.48266668 45.28-58.9226667-10.976-97.58933333-30.54933335-240.52266669-30.54933333-240.52266663s119.75466667-130.12266666 187.40266667-209.024c23.93600002-28.64000002 8.52266666-69.2906667-38.66666669-76.85333333-96.224-17.58933333-245.50399997-45.62133333-245.50399998-45.62133333s-81.83466667-145.60000001-133.18400003-234.79466667c-18.27200003-32.93866667-32.19200001-43.50933335-40.91733332-46.368-1.68533335-0.71466667-3.49866668-1.06666666-5.32266668-1.024l-0.02133332-0.49066668z" fill="#f4ea2a" p-id="1144"></path></svg>
                <svg t="1595665216003" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1143" width="200" height="200">
                        <path d="M514.42133333 55.18933332c-8.32 0-24.96000003 6.41066667-46.70933332 47.73333335-52.23466667 89.06666665-134.75200001 234.528-134.75199995 234.528s-150.912 28.032-248.23466674 45.62133332c-47.73333333 7.49866665-63.28533334 48.14933335-39.07199999 76.72533333 68.19200001 78.69866662 189.5893333 208.68266667 189.58933336 208.68266667S215.46666666 811.28533327 204.35199999 908.73600003c-3.61599999 37.43999997 17.04533334 58.84800002 45.82400002 58.84799996 10.46399999-0.10666668 20.77866667-2.43200001 30.28266666-6.816l234.04800002-111.23199999c27.61600003 13.64266668 150.64533334 73.6533333 231.45599997 112.45866668a72.44586666 72.44586666 0 0 0 29.94133335 6.81599998c28.43733335 0 48.83200001-21.48266668 45.28-58.9226667-10.976-97.58933333-30.54933335-240.52266669-30.54933333-240.52266663s119.75466667-130.12266666 187.40266667-209.024c23.93600002-28.64000002 8.52266666-69.2906667-38.66666669-76.85333333-96.224-17.58933333-245.50399997-45.62133333-245.50399998-45.62133333s-81.83466667-145.60000001-133.18400003-234.79466667c-18.27200003-32.93866667-32.19200001-43.50933335-40.91733332-46.368-1.68533335-0.71466667-3.49866668-1.06666666-5.32266668-1.024l-0.02133332-0.49066668z"
                            fill="#f4ea2a" p-id="1144"></path>
                        </svg><svg t="1595665216003" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1143" width="200" height="200"><path d="M514.42133333 55.18933332c-8.32 0-24.96000003 6.41066667-46.70933332 47.73333335-52.23466667 89.06666665-134.75200001 234.528-134.75199995 234.528s-150.912 28.032-248.23466674 45.62133332c-47.73333333 7.49866665-63.28533334 48.14933335-39.07199999 76.72533333 68.19200001 78.69866662 189.5893333 208.68266667 189.58933336 208.68266667S215.46666666 811.28533327 204.35199999 908.73600003c-3.61599999 37.43999997 17.04533334 58.84800002 45.82400002 58.84799996 10.46399999-0.10666668 20.77866667-2.43200001 30.28266666-6.816l234.04800002-111.23199999c27.61600003 13.64266668 150.64533334 73.6533333 231.45599997 112.45866668a72.44586666 72.44586666 0 0 0 29.94133335 6.81599998c28.43733335 0 48.83200001-21.48266668 45.28-58.9226667-10.976-97.58933333-30.54933335-240.52266669-30.54933333-240.52266663s119.75466667-130.12266666 187.40266667-209.024c23.93600002-28.64000002 8.52266666-69.2906667-38.66666669-76.85333333-96.224-17.58933333-245.50399997-45.62133333-245.50399998-45.62133333s-81.83466667-145.60000001-133.18400003-234.79466667c-18.27200003-32.93866667-32.19200001-43.50933335-40.91733332-46.368-1.68533335-0.71466667-3.49866668-1.06666666-5.32266668-1.024l-0.02133332-0.49066668z" fill="#f4ea2a" p-id="1144"></path></svg>4.9分</h4>
            <h4>￥15起送|￥3配送</h4>
        </div>
        <div class="hhh">
            <h4>蜂鸟专送</h4>
            <h4>3.22km|30分钟</h4>


        </div>
    </div>
    <div class="salon">
        <div class="img"><img src="../img/sj08.png" alt=""></div>
        <div class="hh">
            <h1>万家饺子</h1>
            <h4><svg t="1595665216003" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1143" width="200" height="200"><path d="M514.42133333 55.18933332c-8.32 0-24.96000003 6.41066667-46.70933332 47.73333335-52.23466667 89.06666665-134.75200001 234.528-134.75199995 234.528s-150.912 28.032-248.23466674 45.62133332c-47.73333333 7.49866665-63.28533334 48.14933335-39.07199999 76.72533333 68.19200001 78.69866662 189.5893333 208.68266667 189.58933336 208.68266667S215.46666666 811.28533327 204.35199999 908.73600003c-3.61599999 37.43999997 17.04533334 58.84800002 45.82400002 58.84799996 10.46399999-0.10666668 20.77866667-2.43200001 30.28266666-6.816l234.04800002-111.23199999c27.61600003 13.64266668 150.64533334 73.6533333 231.45599997 112.45866668a72.44586666 72.44586666 0 0 0 29.94133335 6.81599998c28.43733335 0 48.83200001-21.48266668 45.28-58.9226667-10.976-97.58933333-30.54933335-240.52266669-30.54933333-240.52266663s119.75466667-130.12266666 187.40266667-209.024c23.93600002-28.64000002 8.52266666-69.2906667-38.66666669-76.85333333-96.224-17.58933333-245.50399997-45.62133333-245.50399998-45.62133333s-81.83466667-145.60000001-133.18400003-234.79466667c-18.27200003-32.93866667-32.19200001-43.50933335-40.91733332-46.368-1.68533335-0.71466667-3.49866668-1.06666666-5.32266668-1.024l-0.02133332-0.49066668z" fill="#f4ea2a" p-id="1144"></path></svg>
                <svg t="1595665216003" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1143" width="200" height="200">
                    <path d="M514.42133333 55.18933332c-8.32 0-24.96000003 6.41066667-46.70933332 47.73333335-52.23466667 89.06666665-134.75200001 234.528-134.75199995 234.528s-150.912 28.032-248.23466674 45.62133332c-47.73333333 7.49866665-63.28533334 48.14933335-39.07199999 76.72533333 68.19200001 78.69866662 189.5893333 208.68266667 189.58933336 208.68266667S215.46666666 811.28533327 204.35199999 908.73600003c-3.61599999 37.43999997 17.04533334 58.84800002 45.82400002 58.84799996 10.46399999-0.10666668 20.77866667-2.43200001 30.28266666-6.816l234.04800002-111.23199999c27.61600003 13.64266668 150.64533334 73.6533333 231.45599997 112.45866668a72.44586666 72.44586666 0 0 0 29.94133335 6.81599998c28.43733335 0 48.83200001-21.48266668 45.28-58.9226667-10.976-97.58933333-30.54933335-240.52266669-30.54933333-240.52266663s119.75466667-130.12266666 187.40266667-209.024c23.93600002-28.64000002 8.52266666-69.2906667-38.66666669-76.85333333-96.224-17.58933333-245.50399997-45.62133333-245.50399998-45.62133333s-81.83466667-145.60000001-133.18400003-234.79466667c-18.27200003-32.93866667-32.19200001-43.50933335-40.91733332-46.368-1.68533335-0.71466667-3.49866668-1.06666666-5.32266668-1.024l-0.02133332-0.49066668z"
                        fill="#f4ea2a" p-id="1144"></path>
                    </svg><svg t="1595665216003" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1143" width="200" height="200"><path d="M514.42133333 55.18933332c-8.32 0-24.96000003 6.41066667-46.70933332 47.73333335-52.23466667 89.06666665-134.75200001 234.528-134.75199995 234.528s-150.912 28.032-248.23466674 45.62133332c-47.73333333 7.49866665-63.28533334 48.14933335-39.07199999 76.72533333 68.19200001 78.69866662 189.5893333 208.68266667 189.58933336 208.68266667S215.46666666 811.28533327 204.35199999 908.73600003c-3.61599999 37.43999997 17.04533334 58.84800002 45.82400002 58.84799996 10.46399999-0.10666668 20.77866667-2.43200001 30.28266666-6.816l234.04800002-111.23199999c27.61600003 13.64266668 150.64533334 73.6533333 231.45599997 112.45866668a72.44586666 72.44586666 0 0 0 29.94133335 6.81599998c28.43733335 0 48.83200001-21.48266668 45.28-58.9226667-10.976-97.58933333-30.54933335-240.52266669-30.54933333-240.52266663s119.75466667-130.12266666 187.40266667-209.024c23.93600002-28.64000002 8.52266666-69.2906667-38.66666669-76.85333333-96.224-17.58933333-245.50399997-45.62133333-245.50399998-45.62133333s-81.83466667-145.60000001-133.18400003-234.79466667c-18.27200003-32.93866667-32.19200001-43.50933335-40.91733332-46.368-1.68533335-0.71466667-3.49866668-1.06666666-5.32266668-1.024l-0.02133332-0.49066668z" fill="#f4ea2a" p-id="1144"></path></svg>
                <svg t="1595665216003" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1143" width="200" height="200">
                        <path d="M514.42133333 55.18933332c-8.32 0-24.96000003 6.41066667-46.70933332 47.73333335-52.23466667 89.06666665-134.75200001 234.528-134.75199995 234.528s-150.912 28.032-248.23466674 45.62133332c-47.73333333 7.49866665-63.28533334 48.14933335-39.07199999 76.72533333 68.19200001 78.69866662 189.5893333 208.68266667 189.58933336 208.68266667S215.46666666 811.28533327 204.35199999 908.73600003c-3.61599999 37.43999997 17.04533334 58.84800002 45.82400002 58.84799996 10.46399999-0.10666668 20.77866667-2.43200001 30.28266666-6.816l234.04800002-111.23199999c27.61600003 13.64266668 150.64533334 73.6533333 231.45599997 112.45866668a72.44586666 72.44586666 0 0 0 29.94133335 6.81599998c28.43733335 0 48.83200001-21.48266668 45.28-58.9226667-10.976-97.58933333-30.54933335-240.52266669-30.54933333-240.52266663s119.75466667-130.12266666 187.40266667-209.024c23.93600002-28.64000002 8.52266666-69.2906667-38.66666669-76.85333333-96.224-17.58933333-245.50399997-45.62133333-245.50399998-45.62133333s-81.83466667-145.60000001-133.18400003-234.79466667c-18.27200003-32.93866667-32.19200001-43.50933335-40.91733332-46.368-1.68533335-0.71466667-3.49866668-1.06666666-5.32266668-1.024l-0.02133332-0.49066668z"
                            fill="#f4ea2a" p-id="1144"></path>
                        </svg><svg t="1595665216003" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1143" width="200" height="200"><path d="M514.42133333 55.18933332c-8.32 0-24.96000003 6.41066667-46.70933332 47.73333335-52.23466667 89.06666665-134.75200001 234.528-134.75199995 234.528s-150.912 28.032-248.23466674 45.62133332c-47.73333333 7.49866665-63.28533334 48.14933335-39.07199999 76.72533333 68.19200001 78.69866662 189.5893333 208.68266667 189.58933336 208.68266667S215.46666666 811.28533327 204.35199999 908.73600003c-3.61599999 37.43999997 17.04533334 58.84800002 45.82400002 58.84799996 10.46399999-0.10666668 20.77866667-2.43200001 30.28266666-6.816l234.04800002-111.23199999c27.61600003 13.64266668 150.64533334 73.6533333 231.45599997 112.45866668a72.44586666 72.44586666 0 0 0 29.94133335 6.81599998c28.43733335 0 48.83200001-21.48266668 45.28-58.9226667-10.976-97.58933333-30.54933335-240.52266669-30.54933333-240.52266663s119.75466667-130.12266666 187.40266667-209.024c23.93600002-28.64000002 8.52266666-69.2906667-38.66666669-76.85333333-96.224-17.58933333-245.50399997-45.62133333-245.50399998-45.62133333s-81.83466667-145.60000001-133.18400003-234.79466667c-18.27200003-32.93866667-32.19200001-43.50933335-40.91733332-46.368-1.68533335-0.71466667-3.49866668-1.06666666-5.32266668-1.024l-0.02133332-0.49066668z" fill="#f4ea2a" p-id="1144"></path></svg>4.9分</h4>
            <h4>￥15起送|￥3配送</h4>
        </div>
        <div class="hhh">
            <h4>蜂鸟专送</h4>
            <h4>3.22km|30分钟</h4>


        </div>
    </div>
    <div class="salon">
        <div class="img"><img src="../img/sj08.png" alt=""></div>
        <div class="hh">
            <h1>万家饺子</h1>
            <h4><svg t="1595665216003" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1143" width="200" height="200"><path d="M514.42133333 55.18933332c-8.32 0-24.96000003 6.41066667-46.70933332 47.73333335-52.23466667 89.06666665-134.75200001 234.528-134.75199995 234.528s-150.912 28.032-248.23466674 45.62133332c-47.73333333 7.49866665-63.28533334 48.14933335-39.07199999 76.72533333 68.19200001 78.69866662 189.5893333 208.68266667 189.58933336 208.68266667S215.46666666 811.28533327 204.35199999 908.73600003c-3.61599999 37.43999997 17.04533334 58.84800002 45.82400002 58.84799996 10.46399999-0.10666668 20.77866667-2.43200001 30.28266666-6.816l234.04800002-111.23199999c27.61600003 13.64266668 150.64533334 73.6533333 231.45599997 112.45866668a72.44586666 72.44586666 0 0 0 29.94133335 6.81599998c28.43733335 0 48.83200001-21.48266668 45.28-58.9226667-10.976-97.58933333-30.54933335-240.52266669-30.54933333-240.52266663s119.75466667-130.12266666 187.40266667-209.024c23.93600002-28.64000002 8.52266666-69.2906667-38.66666669-76.85333333-96.224-17.58933333-245.50399997-45.62133333-245.50399998-45.62133333s-81.83466667-145.60000001-133.18400003-234.79466667c-18.27200003-32.93866667-32.19200001-43.50933335-40.91733332-46.368-1.68533335-0.71466667-3.49866668-1.06666666-5.32266668-1.024l-0.02133332-0.49066668z" fill="#f4ea2a" p-id="1144"></path></svg>
                <svg t="1595665216003" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1143" width="200" height="200">
                    <path d="M514.42133333 55.18933332c-8.32 0-24.96000003 6.41066667-46.70933332 47.73333335-52.23466667 89.06666665-134.75200001 234.528-134.75199995 234.528s-150.912 28.032-248.23466674 45.62133332c-47.73333333 7.49866665-63.28533334 48.14933335-39.07199999 76.72533333 68.19200001 78.69866662 189.5893333 208.68266667 189.58933336 208.68266667S215.46666666 811.28533327 204.35199999 908.73600003c-3.61599999 37.43999997 17.04533334 58.84800002 45.82400002 58.84799996 10.46399999-0.10666668 20.77866667-2.43200001 30.28266666-6.816l234.04800002-111.23199999c27.61600003 13.64266668 150.64533334 73.6533333 231.45599997 112.45866668a72.44586666 72.44586666 0 0 0 29.94133335 6.81599998c28.43733335 0 48.83200001-21.48266668 45.28-58.9226667-10.976-97.58933333-30.54933335-240.52266669-30.54933333-240.52266663s119.75466667-130.12266666 187.40266667-209.024c23.93600002-28.64000002 8.52266666-69.2906667-38.66666669-76.85333333-96.224-17.58933333-245.50399997-45.62133333-245.50399998-45.62133333s-81.83466667-145.60000001-133.18400003-234.79466667c-18.27200003-32.93866667-32.19200001-43.50933335-40.91733332-46.368-1.68533335-0.71466667-3.49866668-1.06666666-5.32266668-1.024l-0.02133332-0.49066668z"
                        fill="#f4ea2a" p-id="1144"></path>
                    </svg><svg t="1595665216003" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1143" width="200" height="200"><path d="M514.42133333 55.18933332c-8.32 0-24.96000003 6.41066667-46.70933332 47.73333335-52.23466667 89.06666665-134.75200001 234.528-134.75199995 234.528s-150.912 28.032-248.23466674 45.62133332c-47.73333333 7.49866665-63.28533334 48.14933335-39.07199999 76.72533333 68.19200001 78.69866662 189.5893333 208.68266667 189.58933336 208.68266667S215.46666666 811.28533327 204.35199999 908.73600003c-3.61599999 37.43999997 17.04533334 58.84800002 45.82400002 58.84799996 10.46399999-0.10666668 20.77866667-2.43200001 30.28266666-6.816l234.04800002-111.23199999c27.61600003 13.64266668 150.64533334 73.6533333 231.45599997 112.45866668a72.44586666 72.44586666 0 0 0 29.94133335 6.81599998c28.43733335 0 48.83200001-21.48266668 45.28-58.9226667-10.976-97.58933333-30.54933335-240.52266669-30.54933333-240.52266663s119.75466667-130.12266666 187.40266667-209.024c23.93600002-28.64000002 8.52266666-69.2906667-38.66666669-76.85333333-96.224-17.58933333-245.50399997-45.62133333-245.50399998-45.62133333s-81.83466667-145.60000001-133.18400003-234.79466667c-18.27200003-32.93866667-32.19200001-43.50933335-40.91733332-46.368-1.68533335-0.71466667-3.49866668-1.06666666-5.32266668-1.024l-0.02133332-0.49066668z" fill="#f4ea2a" p-id="1144"></path></svg>
                <svg t="1595665216003" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1143" width="200" height="200">
                        <path d="M514.42133333 55.18933332c-8.32 0-24.96000003 6.41066667-46.70933332 47.73333335-52.23466667 89.06666665-134.75200001 234.528-134.75199995 234.528s-150.912 28.032-248.23466674 45.62133332c-47.73333333 7.49866665-63.28533334 48.14933335-39.07199999 76.72533333 68.19200001 78.69866662 189.5893333 208.68266667 189.58933336 208.68266667S215.46666666 811.28533327 204.35199999 908.73600003c-3.61599999 37.43999997 17.04533334 58.84800002 45.82400002 58.84799996 10.46399999-0.10666668 20.77866667-2.43200001 30.28266666-6.816l234.04800002-111.23199999c27.61600003 13.64266668 150.64533334 73.6533333 231.45599997 112.45866668a72.44586666 72.44586666 0 0 0 29.94133335 6.81599998c28.43733335 0 48.83200001-21.48266668 45.28-58.9226667-10.976-97.58933333-30.54933335-240.52266669-30.54933333-240.52266663s119.75466667-130.12266666 187.40266667-209.024c23.93600002-28.64000002 8.52266666-69.2906667-38.66666669-76.85333333-96.224-17.58933333-245.50399997-45.62133333-245.50399998-45.62133333s-81.83466667-145.60000001-133.18400003-234.79466667c-18.27200003-32.93866667-32.19200001-43.50933335-40.91733332-46.368-1.68533335-0.71466667-3.49866668-1.06666666-5.32266668-1.024l-0.02133332-0.49066668z"
                            fill="#f4ea2a" p-id="1144"></path>
                        </svg><svg t="1595665216003" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1143" width="200" height="200"><path d="M514.42133333 55.18933332c-8.32 0-24.96000003 6.41066667-46.70933332 47.73333335-52.23466667 89.06666665-134.75200001 234.528-134.75199995 234.528s-150.912 28.032-248.23466674 45.62133332c-47.73333333 7.49866665-63.28533334 48.14933335-39.07199999 76.72533333 68.19200001 78.69866662 189.5893333 208.68266667 189.58933336 208.68266667S215.46666666 811.28533327 204.35199999 908.73600003c-3.61599999 37.43999997 17.04533334 58.84800002 45.82400002 58.84799996 10.46399999-0.10666668 20.77866667-2.43200001 30.28266666-6.816l234.04800002-111.23199999c27.61600003 13.64266668 150.64533334 73.6533333 231.45599997 112.45866668a72.44586666 72.44586666 0 0 0 29.94133335 6.81599998c28.43733335 0 48.83200001-21.48266668 45.28-58.9226667-10.976-97.58933333-30.54933335-240.52266669-30.54933333-240.52266663s119.75466667-130.12266666 187.40266667-209.024c23.93600002-28.64000002 8.52266666-69.2906667-38.66666669-76.85333333-96.224-17.58933333-245.50399997-45.62133333-245.50399998-45.62133333s-81.83466667-145.60000001-133.18400003-234.79466667c-18.27200003-32.93866667-32.19200001-43.50933335-40.91733332-46.368-1.68533335-0.71466667-3.49866668-1.06666666-5.32266668-1.024l-0.02133332-0.49066668z" fill="#f4ea2a" p-id="1144"></path></svg>4.9分</h4>
            <h4>￥15起送|￥3配送</h4>
        </div>
        <div class="hhh">
            <h4>蜂鸟专送</h4>
            <h4>3.22km|30分钟</h4>


        </div>
    </div>
    <footer class="foot fixed">
        <div class="foota">
            <div class="footb">
                <svg class="icon" aria-hidden="true">
                    <use xlink:href="#iconai-home"></use>
                </svg>
                <div class="aa">首页</div>

            </div>
            <div class="footb"> <svg class="icon" aria-hidden="true">
                <use xlink:href="#iconfaxian"></use>
            </svg>
                <div class="aa">发现</div>
            </div>
            <div class="footb">
                <svg class="icon" aria-hidden="true">
                    <use xlink:href="#icondingdan"></use>
                </svg>
                <div class="aa">订单</div>
            </div>
            <div class="footb"> <svg class="icon" aria-hidden="true">
                <use xlink:href="#iconwode"></use>
            </svg>
                <div class="aa">我的</div>
            </div>
        </div>
        </div>
    </footer>


</body>

</html>